<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小U商城 - 后台管理系统</title>
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_911728_ukj7cnls94.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="shortcut icon" href="images/logo.jpg" type="image/x-icon">
</head>
<body>
    <div id="box"></div>
    <!-- 头部 -->
    <header>
        <div class="manu">
            <i class="iconfont icon-caidan"></i>
            <ul>
                <li class="cur">
                    <i class="iconfont icon-shangpin"></i>
                    <span>商品管理</span>
                </li>
                <li>
                    <i class="iconfont icon-6 "></i>
                    <span>订单管理</span>
                </li>
                <li>
                    <i class="iconfont icon-yonghu "></i>
                    <span>用户管理</span>
                </li>
                <li>
                    <i class="iconfont icon-guanliyuan1 "></i>
                    <span>管理员管理</span>
                </li>
            </ul>
        </div>
        
        <p>小U商城后台管理系统</p>
        <div class="right">
            <p class="exit">
                <i class="iconfont icon-zhuxiaologout10"></i>
                <span>注销</span>
            </p>
            <p class="person">
                <img src="images/person.png" alt="">
                <span>周杰伦</span>
            </p>
            
        </div>
    </header>

    <!-- 主体 -->
    <main>
        <ul class="left">
            <li class="cur">
                <p>
                    <i class="iconfont icon-shangpin"></i>
                    <span>商品管理</span>
                </p>
                <div>
                    <p>
                        <i class="iconfont icon-fuzhiziji"></i>
                        <span>商品信息管理</span>
                    </p>
                    <p>
                        <i class="iconfont icon-fuzhiziji"></i>
                        <span>添加商品信息</span>
                    </p>
                    <p>
                        <i class="iconfont icon-fuzhiziji"></i>
                        <span>商品类型管理</span>
                    </p>
                </div>
            </li>
            <li>
                <p>
                    <i class="iconfont icon-6"></i>
                    <span>订单管理</span>
                </p>
            </li>
            <li>
                <p>
                    <i class="iconfont icon-yonghu"></i>
                    <span>用户管理</span>
                </p>
            </li>
            <li>
                <p>
                    <i class="iconfont icon-guanliyuan1"></i>
                    <span>管理员管理</span>
                </p>
            </li>
        </ul>

        <div class="right">
            <div class="title">
                <h2>商品信息管理</h2>
                <p>
                    操作
                    <i class="icofont icon-xialajiantou"></i>
                </p>
            </div>
            <ul class="clearfix">
                <li>
                    <p>150</p>
                    <p>新订单</p>
                    <p>
                        详细
                        <i></i>
                    </p>
                </li>
                <li>
                    <p>70</p>
                    <p>转化率</p>
                    <p>
                        详细
                        <i></i>
                    </p>
                </li>
                <li>
                    <p>80</p>
                    <p>新用户注册</p>
                    <p>
                        详细
                        <i></i>
                    </p>
                </li>
                <li>
                    <p>100</p>
                    <p>日PV</p>
                    <p>
                        详细
                        <i></i>
                    </p>
                </li>
            </ul>
        </div>
    </main>
</body>
</html>